Template Web Agency — 8 skeleton

Pagina di lavoro locale. Ogni skeleton usa lo stesso sistema di token {{...}}: si sceglie lo stile in base al prospect, si sostituiscono i token, si deploya su Cloudflare Pages. Le anteprime mostrano i token grezzi: valuta lo stile, non il testo.

B — Editorial
Serif Fraunces, tema chiaro "paper", hero split, galleria orizzontale
Quando: attivita' curate con identita' artigianale; barbieri, atelier, detailing "sartoriale" chiaro
C — Bold Grotesk
Space Grotesk + mono, nero, type gigante, sticky CTA a nastro
Quando: target giovane e aggressivo; tuning, wrapping, attivita' che vogliono "spaccare"
D — Minimal
Inter, bianco, whitespace, reveal allo scroll, hero centrato
Quando: chi vuole un look "startup pulita"; servizi generici, studi, consulenti
E — Premium Light
Cormorant Garamond, avorio + oro, numerazione romana, sartoriale
Quando: posizionamento alto di gamma in chiaro; detailing luxury, estetica premium (usato per Diamond)
F — Dark Automotive
Sora, charcoal + acciaio, stat band, sobrio e tecnico
Quando: detailing e automotive che vogliono un premium scuro credibile (usato per Wash Detailing)
G — Corporate
Work Sans, bianco + blu, USP a spunta, griglia 2x2, rassicurante
Quando: imprese di pulizie B2B, ditte strutturate, chi vende affidabilita' ad aziende
H — Warm Services (nuovo)
Nunito + Karla, crema + terracotta, tondo, "Come funziona" in 3 passi
Quando: pulizie domestiche, servizi alla persona, attivita' familiari; il tono umano che manca a G (stile B.Emme/SOS)
I — Visual Showcase (nuovo)
Outfit, nero profondo, hero full-screen, galleria 2x2 protagonista, banda Instagram
Quando: detailer forti su IG con belle foto (Pro Fenix, Soft Detailing). Richiede 7 foto vere di qualita': senza, usare F o C

Token nuovi (2026-07-02) — promemoria compilazione

{{WA_TEXT}}Messaggio WhatsApp precompilato, URL-encoded. Es: Ciao%2C%20ho%20visto%20il%20sito%20e%20vorrei%20un%20preventivo. Presente su TUTTI i link wa.me.
{{PHONE_TEL}}Telefono internazionale senza spazi per i link tel: (es +390321468647). {{PHONE}} resta il formato leggibile da mostrare.
{{R1_Q}} {{R1_A}} {{R2_Q}} {{R2_A}}Recensioni VERE con nome del recensore. Regola onesta: se il cliente non ha recensioni, la sezione si elimina, non si inventa.
{{WA_HINT}}Invito al contatto contestuale al settore (auto: "mandaci una foto della tua auto"; pulizie: "scrivici cosa ti serve").
{{SVC_INTRO}} {{SVC_TITLE}}Copy sezione servizi in D e G, ora neutra: compilare per settore (prima era hardcoded "auto").
{{STEP1..3_T/_D}}Solo H: i 3 passi di "Come funziona".
{{INSTAGRAM}}Solo I: handle senza @ (es pro_fenix_car_).

Tutti gli skeleton ora includono: theme-color, preload dell'immagine hero (LCP), focus-visible, prefers-reduced-motion, burger con aria-expanded, anno con fallback statico. La lista completa dei token e' nel commento in testa a ogni file.